<!DOCTYPE html>
<!-- 2.新制作一个页面，要求：
       2.1 至少包含以下元素：3个DIV,标题，5个P标签，图片，列表 
       2.2 分别实现 id,类，标签三种方式查找以上元素 -->
<html>
	<head>
		<meta charset="utf-8">
		<title>第二题</title>
	</head>
	<body>
		<div id="div1" class="cla1" >
			<img src="./img/u=1983462487,1113805563&fm=26&fmt=auto.webp" height="50px" width="50px" >
			<h1>第一个div</h1>
			<p>第一</p>
			<p>第二</p>
			<p>第三</p>
			<p>第四</p>
			<p>第五</p>
		</div>
		<div id="div2" class="cla2">
			<h1>第二个div</h1>
			<p>第六</p>
			<p>第七</p>
			<p>第八</p>
			<p>第九</p>
			<p>第十</p>
		</div>
		<div id="div3" class="cla3">
			<h1>第三个div</h1>
			<ul>
				<li>苹果x</li>
				<li>苹果11</li>
				<li>苹果12</li>
				<li>苹果13</li>
			</ul>
		</div>
	</body>
	<script type="text/javascript">
			var div1obj = document.getElementById('div1');
			console.log(div1obj)
		var div2obj = document.getElementsByClassName('cal2');
		console.log(div2obj)
		var div3obj=document.getElementsByTagName('div')
		console.log(div3obj)
	</script>
</html>
